import React, {PureComponent} from "react"
import {Icon as LegacyIcon} from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import {Button} from "antd";
import shopSVG from "../../../../images/common/017-shop.svg"
import {withRouter} from "react-router"
import "../../../my-shop/components/no-shop/index.less"

export default @withRouter
class MerchantNotFilled extends PureComponent {
  render() {
    return (
      <div className={'no-shop'}>
        <div className={'no-shop-box'}>
          <div className={'no-shop-icon'}>
            <img src={shopSVG}/>
          </div>
          <div className={'no-shop-h1'}>
            还没有填写商户信息
          </div>
          <div className={'no-shop-h2'}>
            <div>完善商户信息,发布面料辅料商品</div>
          </div>
          <div className={'no-shop-button-box'}>
            <Button size={'large'} type={'primary'} onClick={this.props.onClick}>
              <LegacyIcon type={'plus'}/> 现在开始填写
            </Button>
          </div>
        </div>
      </div>
    );
  }
}